const { resolve } = require('path');

module.exports = {
  // 起点
  entry: './src/index.js',
  output: {
    filename: 'built.js',
    path: resolve(__dirname, 'build'),
  },
  // loader config
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          // 创建style标签，将js 的样式资源插入进行，添加到head中生效
          'style-loader',
          // 将css文件变成commonjs模块加载到js中，里面内容是样式字符串
          'css-loader',
        ],
      },
      {
        test: /\.less$/,
        use: [
          // 创建style标签，将js 的样式资源插入进行，添加到head中生效
          'style-loader',
          // 将css文件变成commonjs模块加载到js中，里面内容是样式字符串
          'css-loader',
          // 将less编译成css文件
          'less-loader',
        ],
      },
    ],
  },
  plugins: [
    // plugins config
  ],
  mode: 'development',
  //   mode:'production',
};
